<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prime Resort  |  FAQ </title>
<meta name="description" content="Description Comes here" />
<meta name="keywords" content="Place Keywords here" />
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/960_24_col.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen"/>

</head>
<body>
<div id="header">
	<div class="container_24">
    	<div class="grid_24">
            <div class="grid_12 omega" id="logo">
            <a href="#"><span>Prime Resort</span></a>
            </div><!--/.grid_12-->
            
            <div class="grid_12 alpha" id="secondary-nav">
               <ul>
               		
               		        
                    <li><a href="#">Edit Profile</a></li>
                    <li><a href="#">Change Password</a></li>   
                    <li><a href="#" id="logout" class="login-logout">Logout</a></li> 
                    <li><a href="login.html" id="login" class="login-logout">Login</a></li>        
               </ul>
            </div><!--/.grid_12-->
            
           
        </div><!--/.grid_24-->
        <div class="clearfix"></div>  <!-- Note : clearfix added here recently- update in final project -->
        
        <div id="primary-nav" class="grid_24">
        	<ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Rooms</a></li>
                <li><a href="#">Packages</a></li>
                <li><a href="#">Membership</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Register</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">FAQ</a></li>
        	</ul>
        </div><!--/#primary-nav-->
        
         <div class="clearfix"></div>  <!-- Note : clearfix added here recently- update in final project -->
         
        </div><!--/.container_24-->
</div><!--/#header-->

<div id="main" class="container_24">
	
    <div id="contents" class="grid_17">
   		<div class="box">
    		<h2 class="title">Frequently Asked Question</h2>
            
            <div id="accordion">
                 <p class="faq-question"><span>1. Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span></p>
                 <div class="faq-answer">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus eget mi mollis vulputate. Nam dapibus sapien id lacus lobortis condimentum. Vivamus fermentum justo quis ligula mollis dignissim. Aenean est neque</p>
                    
                </div><!--/.faq-answer-->
                
                <p class="faq-question"><span>2. Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span></p>
                 <div class="faq-answer">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus eget mi mollis vulputate. Nam dapibus sapien id lacus lobortis condimentum. Vivamus fermentum justo quis ligula mollis dignissim. Aenean est neque</p>
                    
                </div><!--/.faq-answer-->
                
                <p class="faq-question"><span>3. Lorem ipsum dolor sit amet, consectetur adipiscing elit?</span></p>
                 <div class="faq-answer">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada lacus eget mi mollis vulputate. Nam dapibus sapien id lacus lobortis condimentum. Vivamus fermentum justo quis ligula mollis dignissim. Aenean est neque</p>
                    
                </div><!--/.faq-answer-->
            
            </div>
                  
       </div><!--/.box-->
     
    </div><!--/.contents-->
    
    <div id="sidebar" class="grid_7">
     	
        <div class="sidebar">
        	<h2>Packages</h2>
            
        </div><!--/.sidebar-->
        
         <div class="sidebar">
        	<h2>Memberships</h2>
            
        </div><!--/.sidebar-->
        
         <div class="sidebar">
        	<h2>Upcoming Events</h2>
            
        </div><!--/.sidebar-->
        
        
     </div><!--/#sidebar-->
    
<div class="clearfix"></div> 

</div> <!--/#main-->

<div id="footer" class="container_24">
	<div id="footer-nav" class="grid_24">
    	<ul>
        	<li><a href="#">Home</a></li>
                <li><a href="#">Rooms</a></li>
                <li><a href="#">Packages</a></li>
                <li><a href="#">Membership</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Register</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">FAQ</a></li>
        </ul>
    </div><!--/#footer-nav-->
    <div class="grid_14">
    	<p>Copyright © Prime Resort. All Rights Reserved.</p>
        <p>Website best viewed in Firefox 3+, IE 7+, Chrome, Opera</p>
    </div>
    <div class="grid_10 ">
    	
        
    </div>
</div><!--/#footer-->
<script src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
//script for accordian 
	(function($){$.fn.toggleFade=function(settings){if(settings==undefined){settings={speedIn:'slow'};}settings=jQuery.extend({speedIn:"slow",speedOut:settings.speedIn},settings);return this.each(function(){var isHidden=jQuery(this).is(":hidden");jQuery(this)[isHidden?"fadeIn":"fadeOut"](isHidden?settings.speedIn:settings.speedOut);});};})(jQuery);(function($){$.fn.toggleSlide=function(settings){if(settings==undefined){settings={speedIn:'slow'};}settings=jQuery.extend({speedIn:"normal",speedOut:settings.speedIn},settings);return this.each(function(){var isHidden=jQuery(this).is(":hidden");jQuery(this)[isHidden?"slideDown":"slideUp"](isHidden?settings.speedIn:settings.speedOut);});};})(jQuery);


jQuery(document).ready(function($) {

	$('#accordion div').hide();
	$('#accordion p span').click(function() {
		$(this).parent().next("div").toggleFade()
		return false;
	});

});
</script>
</body>
</html>
